<template>
  <i class="el-icon-date" @click="handleToCalendar"></i>
  <!-- <el-popover placement="bottom" width="350" trigger="click">
    <div slot="reference">
      
    </div>
  </el-popover> -->
</template>

<script>
let list = [
  {
    img: '/img/bg/vip1.png',
    title: '史蒂夫·乔布斯 关注了你',
    subtitle: '05-08 15:08',
    tag: '已经开始',
    status: 0
  },
  {
    img: '/img/bg/vip2.png',
    title: '斯蒂夫·沃兹尼亚克 关注了你',
    subtitle: '05-08 15:08',
    tag: '未开始',
    status: 1
  },
  {
    img: '/img/bg/vip3.png',
    title: '蒂姆·库克 关注了你',
    subtitle: '05-08 15:08',
    status: 3,
    tag: '有错误'
  },
  {
    img: '/img/bg/vip4.png',
    title: '比尔·费尔南德斯 关注了你',
    subtitle: '05-08 15:08',
    status: 4,
    tag: '已完成'
  }
];
export default {
  name: 'top-notice',
  data() {
    return {
      option: {
        props: {
          img: 'img',
          title: 'title',
          subtitle: 'subtitle',
          tag: 'tag',
          status: 'status'
        }
      },
      data: list
    };
  },
  created() {},
  methods: {
    handleToCalendar() {
      this.$router.push('/product/productCalendar');
    },
    pageChange(page, done) {
      setTimeout(() => {
        this.$message.success('页码' + page);
        this.data = this.data.concat(list);
        done();
      }, 1000);
    }
  }
};
</script>

<style lang="scss" scoped></style>
